﻿<script src="https://blogg12.googlecode.com/svn/trunk/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://blogg12.googlecode.com/svn/trunk/blogger/featured-post/17-content-code/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="http://blogg12.googlecode.com/svn/trunk/blogger/featured-post/17-content-code/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="http://blogg12.googlecode.com/svn/trunk/blogger/featured-post/17-content-code/coda-slider.1.1.1.pack.js"></script>
<script src="http://blogg12.googlecode.com/svn/trunk/blogger/featured-post/n17-content-slider/n17-content-slider-025.js" type="text/javascript"></script>
<a href="http://tutorialglobal365.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="http://blogg12.googlecode.com/svn/trunk/image/back.png" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://tutorialglobal365.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="http://blogg12.googlecode.com/svn/trunk/image/back.png" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://tutorialglobal365.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="http://blogg12.googlecode.com/svn/trunk/image/back.png" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
.floatLeft { float: left; margin-right: 10px;}
.floatRight { float: right; }
.clear { clear: both; }
a { outline: none; }
#page-wrap { width: 500px; margin: 25px auto; position: relative; min-height: 500px; background: url(https://blogg12.googlecode.com/svn/trunk/image/slider/bg.png) top center; }
ul { list-style: square inside; }
a, a:visited { color: #729dff; text-decoration: none; }
a:hover, a:active { color: white; }
blockquote { padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; font-family: Georgia, serif; font-style: italic; margin-top: 10px;}
.slider-wrap { width: 419px; position: absolute; top: 87px; left: 40px; }			
.stripViewer .panelContainer 
.panel ul { text-align: left; margin: 0 15px 0 30px; }
.stripViewer { position: relative; overflow: hidden; width: 419px; height: 285px; }
.stripViewer .panelContainer { position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav { display: none; }
.nav-thumb { border: 1px solid black; margin-right: 5px; }
#movers-row { margin: -43px 0 0 62px; }
#movers-row div { width: 20%; float: left; }
#movers-row div a.cross-link { float: right; }
.photo-meta-data { background: url(https://blogg12.googlecode.com/svn/trunk/image/slider/transpBlack.png); padding: 10px; height: 30px; margin-top: -50px; position: relative; z-index: 100; color: white; }
.photo-meta-data span { font-size: 13px; }
.cross-link { display: block; width: 62px; margin-top: -14px; position: relative; padding-top: 15px; z-index: 100; }
.active-thumb { background: transparent url(https://blogg12.googlecode.com/svn/trunk/image/slider/icon-uparrowsmallwhite.png) top center no-repeat; }
--------------------------------------------------------------------
Awesome Automatic Content Sliders for Blogger using jQuery

--------------------------------------------------------------------
Featured Content Slider
*/

</style>



<h3>اضافه سلايد شو بتقنيه الجي كويري</h3>


<div style="float:left;">
<div id="page-wrap">
											
	<div class="slider-wrap">
		<div id="main-photo-slider" class="csw">
			<div class="panelContainer">

				<div class="panel" title="Panel 1">
					<div class="wrapper">
						<img alt="How to change mouse cursor in blogger blog to animated cursors" width="419" src="https://blogg12.googlecode.com/svn/trunk/image/slider/122_11308010530.gif" height="282"/>

						<div class="photo-meta-data">
							<a href="http://24work.blogspot.com/2012/01/how-to-change-mouse-cursor-in-blogger.html" target="_blank">اللهم ياجامع الناس ليوم لا ريب فيه أجمع بيني وبين فرحي وسعادتي وتوفيقي وأرتياحي وأطمئناني وهُداي وكل أمر تعلم أنه خير لي أنك على كل شيء قدير</a><br />

							<span><a href="#"></a></span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 2">
					<div class="wrapper">
						<img alt="Numbered Page Navigation For Blogger New Script" width="419" src="https://blogg12.googlecode.com/svn/trunk/image/slider/122_11308010530.gif" height="282"/>

						<div class="photo-meta-data">
							<a href="http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html" target="_blank">اللهم ياجامع الناس ليوم لا ريب فيه أجمع بيني وبين فرحي وسعادتي وتوفيقي وأرتياحي وأطمئناني وهُداي وكل أمر تعلم أنه خير لي أنك على كل شيء قدير</a><br />
							<span>اللهم ياجامع الناس ليوم لا ريب فيه أجمع بيني وبين فرحي وسعادتي وتوفيقي وأرتياحي وأطمئناني وهُداي وكل أمر تعلم أنه خير لي أنك على كل شيء قدير</span>
						</div>
					</div>
				</div>		
				<div class="panel" title="Panel 3">
					<div class="wrapper">
						<img alt="How To Add Snow Effect On The Blogger Mouse Cursor Area" width="419" src="https://blogg12.googlecode.com/svn/trunk/image/slider/122_11308010530.gif" height="282"/>
						<div class="photo-meta-data">
							<a href="http://24work.blogspot.com/2011/12/how-to-add-snow-effect-on-blogger-mouse.html" target="_blank">اللهم ياجامع الناس ليوم لا ريب فيه أجمع بيني وبين فرحي وسعادتي وتوفيقي وأرتياحي وأطمئناني وهُداي وكل أمر تعلم أنه خير لي أنك على كل شيء قدير</a><br />
							<span>اللهم ياجامع الناس ليوم لا ريب فيه أجمع بيني وبين فرحي وسعادتي وتوفيقي وأرتياحي وأطمئناني وهُداي وكل أمر تعلم أنه خير لي أنك على كل شيء قدير</span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 4">
					<div class="wrapper">
						<img alt="Falling Objects / Falling Text / Marquee Scrolling Text Generator for Blogger" width="419" src="https://blogg12.googlecode.com/svn/trunk/image/slider/122_11308010530.gif" height="282"/>
						<div class="photo-meta-data">
							<a href="http://24work.blogspot.com/2012/01/falling-objects-falling-text-marquee.html" target="_blank">اللهم ياجامع الناس ليوم لا ريب فيه أجمع بيني وبين فرحي وسعادتي وتوفيقي وأرتياحي وأطمئناني وهُداي وكل أمر تعلم أنه خير لي أنك على كل شيء قدير</a><br />
							<span>اللهم ياجامع الناس ليوم لا ريب فيه أجمع بيني وبين فرحي وسعادتي وتوفيقي وأرتياحي وأطمئناني وهُداي وكل أمر تعلم أنه خير لي أنك على كل شيء قدير</span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 5">
					<div class="wrapper">
						<img alt="How To Add Animated Flash Clock To Your Blogger Blog" width="419" src="https://blogg12.googlecode.com/svn/trunk/image/slider/122_11308010530.gif" height="282"/>

						<div class="photo-meta-data">
							<a href="http://24work.blogspot.com/2011/12/how-to-add-animated-flash-clock-to-your.html" target="_blank">اللهم ياجامع الناس ليوم لا ريب فيه أجمع بيني وبين فرحي وسعادتي وتوفيقي وأرتياحي وأطمئناني وهُداي وكل أمر تعلم أنه خير لي أنك على كل شيء قدير</a><br />
							<span>اللهم ياجامع الناس ليوم لا ريب فيه أجمع بيني وبين فرحي وسعادتي وتوفيقي وأرتياحي وأطمئناني وهُداي وكل أمر تعلم أنه خير لي أنك على كل شيء قدير</span>
						</div>
					</div>
				</div>
				<div class="panel" title="Panel 6">
					<div class="wrapper">
						<h1>اللهم ياجامع الناس ليوم لا ريب فيه أجمع بيني وبين فرحي وسعادتي وتوفيقي وأرتياحي وأطمئناني وهُداي وكل أمر تعلم أنه خير لي أنك على كل شيء قدير</h1>
						<blockquote>اللهم ياجامع الناس ليوم لا ريب فيه أجمع بيني وبين فرحي وسعادتي وتوفيقي وأرتياحي وأطمئناني وهُداي وكل أمر تعلم أنه خير لي أنك على كل شيء قدير <a href="http://tutorialglobal365.blogspot.com/" target="_blank">http://tutorialglobal365.blogspot.com/</a></blockquote>
					<p><em>اللهم ياجامع الناس ليوم لا ريب فيه أجمع بيني وبين فرحي وسعادتي وتوفيقي وأرتياحي وأطمئناني وهُداي وكل أمر تعلم أنه خير لي أنك على كل شيء قدير    <a href="http://tutorialglobal365.blogspot.com/" target="_blank">http://tutorialglobal365.blogspot.com/</a><br /></em></p>
                                            </div>
				</div>

			</div>
		</div>

		<a href="#1" class="cross-link active-thumb"><img src="https://blogg12.googlecode.com/svn/trunk/image/slider/smiley-flowerslove.png" class="nav-thumb" alt="temp-thumb" /></a>
		<div id="movers-row">
			<div><a href="#2" class="cross-link"><img src="https://blogg12.googlecode.com/svn/trunk/image/slider/smiley-flowerslove.png" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#3" class="cross-link"><img src="https://blogg12.googlecode.com/svn/trunk/image/slider/smiley-flowerslove.png" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#4" class="cross-link"><img src="https://blogg12.googlecode.com/svn/trunk/image/slider/smiley-flowerslove.png" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#5" class="cross-link"><img src="https://blogg12.googlecode.com/svn/trunk/image/slider/smiley-flowerslove.png" class="nav-thumb" alt="temp-thumb" /></a></div>
			<div><a href="#6" class="cross-link"><img src="https://blogg12.googlecode.com/svn/trunk/image/slider/smiley-flowerslove.png" class="nav-thumb" alt="temp-thumb" /></a></div>
		</div>

	</div>
	
	</div>